<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="template.xhtml">
  <!--   <f:loadBundle basename="mensajes" var="msgs" />-->
    <ui:define name="menu">
       <ui:include src="menu-empleado.xhtml"/>
    </ui:define>
	<ui:define name="content">
	    <h:form class="form-tabla">
	            <div class="titulo-tabla"><h:outputText value="#{msgs['alta-gastos.datos-solicitud']}" /></div> 
                <h:dataTable value="#{darAltaGastoBean.solicitud}" var="s">
                    <ui:include src="tabla-solicitudes.xhtml"/>
                    <h:column>
                         <f:facet name="header"> <h:outputText value="#{msgs['alta-gastos.comentarios']}" /> </f:facet>
                         <h:outputText value="#{s.comentario}"/>
                     </h:column>
                </h:dataTable>
		    <table>
			    <tr> 
			        <td>
			            <h:outputLabel for="date" value="#{msgs['alta-gasto.fecha-realizacion']}" />
			        </td>		
			        <td>
			            <h:inputText id="date" value="#{darAltaGastoBean.fechaGasto}" 
			                     size="20" required="true" label="#{msgs['alta-gasto.fecha-realizacion']}" >
			                <f:convertDateTime pattern="dd/MM/yyyy" />
		                </h:inputText>
		            </td>
		        </tr>
		        
		        <tr> 
			        <td>
			            <h:outputLabel for="importe" value="#{msgs['alta-gasto.importe']}" />
			        </td>		
			        <td>
			            <h:inputText id="importe" value="#{darAltaGastoBean.importe}" 
			                     size="20" required="true" label="#{msgs['alta-gasto.importe']}" />
		            </td>
		        </tr>
		        
		        <tr> 
			        <td>
			            <h:outputLabel for="ticket" value="#{msgs['alta-gasto.nroTicket']}" />
			        </td>		
			        <td>
			            <h:inputText id="ticket" value="#{darAltaGastoBean.nroTicket}" 
			                     size="20" required="true" label="#{msgs['alta-gasto.nroTicket']}" />
		            </td>
		        </tr>
		        
		        <tr> 
		            <td></td>
		            <td>
		                <h:commandButton style="width:170px;font-size:17px;" id="btnAltaGasto"
				                         value="#{msgs['alta-gasto.boton-alta']}" action="#{darAltaGastoBean.enviar}" />
				    </td>
				</tr>
		    </table>	
		</h:form>
	</ui:define>

</ui:composition>
</html>